<script setup>
const liDot = 5
</script>
<template>
    <div class="container-box">
        <div class="my-flex">
            <span v-for="item in liDot" :key="item"></span>
        </div>
    </div>
</template>
<style scoped lang="scss">
.container-box {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
}
.my-flex {
    display: flex;
    flex-direction: row;
    align-content: center;
    > span {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    > span:nth-child(n + 1) {
        margin-left: 8px;
    }
}
</style>
